<template>
  <div id="masterOrder">
    <router-view></router-view>


    <!--<OrderListContentView-->
            <!--:status="0"-->
            <!--isMaster="true"-->
            <!--v-show="active === '全部'"-->
    <!--&gt;</OrderListContentView>-->
    <OrderListContentView
            :status="1"
            isMaster="true"
            v-show="active === '处理中'"
    ></OrderListContentView>
    <OrderListContentView
            :status="2"
            isMaster="true"
            v-show="active === '待付款'"
    ></OrderListContentView>
    <OrderListContentView
            :status="4"
            isMaster="true"
            v-show="active === '已取消'"
    ></OrderListContentView>
    <OrderListContentView
            :status="3"
            isMaster="true"
            v-show="active === '已完成'"
    ></OrderListContentView>

 <div class="vantabs-fixed">
   <van-tabs
           @click="onClick"
           :swipe-threshold=5
           id="van-tabs"
           color="#121C32"
           line-width="1.333rem"
           v-model="active"
   >
     <!--<van-tab title="全部" name="全部"></van-tab>-->
     <van-tab title="处理中" name="处理中"></van-tab>
     <van-tab title="待付款" name="待付款"></van-tab>
     <van-tab title="已取消" name="已取消"></van-tab>
     <van-tab title="已完成" name="已完成"></van-tab>

   </van-tabs>
 </div>
  </div>
</template>

<script>
import OrderListContentView from "./components/OrderListContentView";

export default {
  name: "MasterOrder",
  methods: {
    onClick(name, title) {}
  },
  components: {
    OrderListContentView
  },
    data() {
        return {
            active: "处理中",
        };
    },
};
</script>

<style scoped>
/*#masterOrder {*/
  /*position: fixed;*/
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*z-index: 200;*/
  /*overflow: auto;*/
  /*background-color: #f6f8fb;*/
/*}*/

#masterOrder {
  width: 100%;
  height: 100%;
  background-color: #f6f8fb;
}
#van-tabs >>> .van-tab {
  color: #7a8491;
  font-family: "PingFangSC-Regular";
  font-size: 0.9333333333333333rem;
  font-size: 0.9333333333333333rem;
}

#van-tabs >>> .van-tab--active {
  color: #020433;
  font-family: "PingFangSC-Medium";
  font-size: 0.9333333333333333rem;
}
.vantabs-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
}

</style>
